
/* 只禁用页面选择器的键盘输入 */
.st-key-page_selector div[data-testid="stSelectbox"] div[data-baseweb="select"] > div {
    /* pointer-events: none; */
    cursor: pointer;
    /* no use */
}

section.stMain {
    .st-key-init {
        display: none;
    }
    
    .st-key-login_container {
        div[data-testid="stFullScreenFrame"] > div {
            margin: 0 auto;
        }
        h3 {
            text-align: center;
            margin-top: -24px;
            margin-bottom: 36px;
            span {
                display: none;
            }
        }
    }

    .st-key-calc_info {
        .stHorizontalBlock {
            display: flex;
            flex-direction: row;
        }
        .stHorizontalBlock * {
            width: unset !important;
            flex: 0 0 auto !important;
        }
        .stHorizontalBlock .stSkeleton {
            display: none;
            /* height: 41.59px; */
        }
        .stHorizontalBlock > .stColumn:nth-child(2) {
            display: flex;
            align-items: center;
            margin-bottom: 8px;
            .stElementContainer, .stHeading, .stMarkdownContainer {
                width: auto;
            }
            span.stHeaderActionElements {
                display: none;
            }
            iframe {
                align-items: end;
                display: flex;
            }
        }
    }
    .st-key-calc_submit_buttons {
        .stColumn:nth-child(2), 
        .stColumn:nth-child(3) {
            max-width: fit-content;
            display: flex;
            justify-content: end;
            margin-right: 2px;
        }
    }

}
div[data-testid="stSidebarContent"] {


    .stHorizontalBlock {
        margin-bottom: 1rem;
        height: 40px;
        gap:0.5rem;
    }
    .stHorizontalBlock > .stColumn:nth-child(1) {
        max-width: 40px;
        height: 30px;
    }
    .stHorizontalBlock > .stColumn:nth-child(2) {
        .stElementContainer {
            height: 26px;
        }
        h1 {
            padding:0;
            text-wrap:nowrap;
        }
        /* min-width: 130px; */
    }
    .stHorizontalBlock > .stColumn:nth-child(3) {
        .stElementContainer {
            align-items: center;
            display: flex;
            margin-left: 8px;
        }
        .stSkeleton {
            display: none;
        }
        /* min-width: 130px; */
    }
    .stHorizontalBlock > .stColumn:nth-child(4) {
        max-width: 40px;
        height: 36px;
        button {
            width: 40px;
            padding: 0;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='red' class='bi bi-box-arrow-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0z'/%3E%3Cpath fill-rule='evenodd' d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
        }
    }

 
    .st-key-sidebar-sacmenu {
        margin-block: -12px;
    }

    .stMarkdown hr {
        margin-block: 2px;
    }

    .stMarkdown {
        margin-bottom: -2rem;
    }

    .st-key-add_calc_button button,
    .st-key-view_history_button button {
        width: 100%;
        justify-content: flex-start;
        border: none;
        background: transparent;
        margin-bottom: -8px;
    }

    .st-key-add_calc_button button:hover {
        background: transparent;
    }

    .ant-menu .ant-menu-submenu > * {
        margin-inline: 0 !important;
        padding-inline-start: 0 !important;
        width: 100% !important;
    }
    .ant-menu .ant-menu-submenu > ul > li {
        margin-inline: 0 !important;
        padding-inline-start: 24px !important;
        width: 100% !important;
    }
}
    